.home {
  &__container {
    position: relative;
    height: 100vh;
    overflow: hidden;
  }

  &-map__warpper {
    width: 100vw;
    height: 100vh;
  }

  &-avatar__warpper {
    $size: 100rpx;
    position: absolute;
    border-radius: 50%;
    top: 30rpx;
    right: 30rpx;

    .avatar {
      width: $size;
      height: $size;
    }

    .text {
      display: block;
      line-height: $size;
      text-align: center;
      width: $size;
      height: $size;
      border: 1rpx solid #350505;
      border-radius: 50%;
    }
  }

  &-search {
    &__warpper {
      bottom: 86rpx;
      border-radius: 10rpx;
      background: #fff;
      align-items: center;
    }

    &__warpper-panel {
      .operate {
        height: 60rpx;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--fl-color-border);
      }
    }

    &__input-warpper {
      height: 80rpx;
      display: flex;
      justify-content: center;
    }

  }

  &-popup__warpper {
    z-index: 161;

  }

  &-info {
    &__warpper {
      display: flex;
      justify-content: space-between;
    }

    &__avatar {
      display: flex;
    }

    &__nickname {
      @include textEllipsis();
      max-width: 50vw;
    }

    &__operater {
      justify-self: end;
    }

    &__desc {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    &__email {
      @include textEllipsis();
    }

  }

  &-side-bar__warpper {
    position: absolute;
    bottom: 240rpx;
    right: 22rpx;
    background-color: #ffffff;
    opacity: 0.8;
    padding: 20rpx 10rpx;
    border-radius: 10rpx;
  }

  &-official-info {
    display: flex;
    font-size: 28rpx;
    background-color: #eee;
    color: #838383;

    .group {
      display: flex;
      height: 50rpx;
      align-items: center;
      text-decoration: none;
    }
  }

}

.prev-arrow.is-disabled,
.next-arrow.is-disabled {
  color: rgb(223, 223, 223);
}